<template>
  <grimm-page type="loading-view" title="Loading">
    <template slot="content">
      <h1 class="example-page-title">默认样式</h1>
      <grimm-loading class="grimm-loading"></grimm-loading>

      <h1 class="example-page-title">loading文字与icon水平</h1>
      <grimm-loading class="grimm-loading" :size="40" :horizon="true">加载中...</grimm-loading>

      <h1 class="example-page-title">loading文字与icon垂直</h1>
      <grimm-loading class="grimm-loading" :size="50" style="font-size: 20px;">加载中...</grimm-loading>
    </template>
  </grimm-page>
</template>

<script>
import GrimmPage from '../../components/GrimmPage.vue';
export default {
  components: {
    GrimmPage,
  },
};
</script>
<style lang="stylus" >
.grimm-loading {
  margin-bottom: 30px;
}
</style>
